import Vue from 'vue'
import VueRouter from 'vue-router'
import HomePage from '../views/HomePage.vue'


Vue.use(VueRouter)

const routes = [{
        path: '/MyHeader',
        name: 'MyHeader',
        component: () =>
            import ('../views/MyHeader'),
    },
    {
        path: '/MyFooter',
        name: 'MyFooter',
        component: () =>
            import ('../views/MyFooter.vue')
    },
    {
        path: '/',
        name: 'HomePage',
        component: HomePage,
    },
    {
        path: '/MySearch',
        name: 'MySearch',
        component: () =>
            import ('../views/MySearch')
    },
    {
        path: '/MyItem',
        name: 'MyItem',
        component: () =>
            import ('../views/MyItem')
    },
    {
        path: '/MyEssay',
        name: 'MyEssay',
        compoent: () => {
            import ('../views/MyEssay')
        }
    },
    {
        path: '/HeEssay',
        name: 'HeEssay',
        compoent: () => {
            import ('../views/HeEssay')
        }
    }
]

const router = new VueRouter({
    routes
})

export default router